body
{
	background-color:#FFF;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

body.print_body
{
	background-image:none;
	background-color:#fff;
	color:#222222;
	margin:10px;
}

div#top { overflow:visible; }

div#top div.top_padding
{
	background:#fff url('images/top_padding_bg.png') repeat-x scroll top left;
	height:56px;
}

div#top .katana-logo
{
	position:absolute;
	left:0px;
	top:6px;
}

div#top div.sign-out
{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}

div#top div.header_nav { vertical-align:bottom; }

/* Docking Menu */
/* dock - top */
.current_dock
{
	font: bold 12px Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
	width:100px;
}

div#top div.dock
{
	text-align:center;
	padding-top:2px;
}

div#top div.dock .dock-item img
{
	border: 1px solid transparent;
	margin-left:2px;
	margin-right:2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #D0D0D0 #DBDBDB #DBDBDB #D0D0D0;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	opacity: 0.8;
}

div#top div.dock a.dock-item.active img,
div#top div.dock a.dock-item:hover img
{
	background-color:#EAEAEA;
	opacity: 1;
}

div#top div.dock .dock-item span
{
	display: none;
	padding-left: 20px;
}

/* Docking Menu End */
#mid
{
	height:auto;
	padding:0px;
	text-align:left;
}

#mid div.mid_padding { padding-bottom:10px; }

#mid div#mid_content
{
	float:left;
	width:100%;
}

div.rc_border div.border_1 div.core_1
{
	overflow:auto;
	padding-bottom:20px;
}

div.zone
{
	margin:6px;
	border:2px dotted #0000FF;
}

.zone_editor ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

table tr td.center,
div.center { text-align:center; }

table.main_win { width:100%; }

table.main_win td
{
	vertical-align:top;
	text-align:left;
}
table.main_win td.right
{ text-align:right; }
table.main_win td.center
{ text-align:center; }
table.main_win td.win_left
{
	width:200px;
	border-right:1px dotted #DDDDDD;
	padding-right:8px;
}

table.main_win td.win_right { padding-left:8px; }

table.main_win { width:100%; }

.error
{
	color:#FF0000;
	font-weight:bold;
}

.command,
div.pager img { cursor:pointer; border:none; }

div#commands
{
	border:1px solid #CCCCCC;
	border-bottom:0px;
	padding-top:6px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	background: url("images/commands.gif") repeat-x scroll left top #E6E6E7;
}

div#commands_left img.icon
{
	padding-left:2px;
	padding-right:4px;
	margin-right:4px;
	border-right:1px solid #CCCCCC;
	float:left;
}

div#commands_left div.cmbset-input
{
	float:left;
	margin-right:6px;
	margin-bottom:2px;
}

.clear { clear:both; }

span.error,
span.info { display:block; }

img.icon { border:0px; }

div.tabs div fieldset,
fieldset.edit_form
{
	margin:0px;
	padding-top:10px;
	padding-bottom:12px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #CCCCCC;
	border-top:none;
}

div.menu_list
{
	margin:0px;
	padding-top:0px;
	padding-bottom:12px;
	padding-left:0px;
	padding-right:8px;
	border:1px solid #CCCCCC;
	border-top:none;
	background: url("images/thead.gif") repeat-x scroll left top transparent;
}

div.tabs div fieldset label,
fieldset.edit_form label { display:block; }

fieldset.edit_form img
{
	position:relative;
	top:4px;
}

fieldset.edit_form input.text,
fieldset.edit_form select { width:20%; }

fieldset.edit_form .xsmall { width:60px; }

fieldset.edit_form .small { width:100px; }

fieldset.edit_form .medium { width:200px; }

fieldset.edit_form .large { width:300px; }

fieldset.edit_form .xlarge { width:400px; }

table.item_list,
table.item_list th
{
	font-family:Verdana, Arial, sans-serif;
	font-weight:inherit;
	font-size:1.1em;
}
 
table.item_list thead tr th
{
	background:transparent url('images/thead.gif') repeat-x scroll top left;
	white-space:nowrap;
}

table.item_list.tablesorter thead tr th.nosort
{
	background:transparent url('images/thead.gif') repeat-x scroll top left;
	white-space:nowrap;
	padding:0px 4px;
}

table.item_list.tablesorter thead tr th
{
	background:transparent url('images/thead_tablesorter.gif') no-repeat scroll top left;
	padding-right: 8px;
	padding-left: 24px;
	cursor:pointer;
}

table.item_list.tablesorter .headerSortUp
{
	background-image: url('images/thead_tablesorter_asc.gif');
	background-repeat: no-repeat;
}

table.item_list.tablesorter .headerSortDown
{
	background-image: url('images/thead_tablesorter_desc.gif');
	background-repeat: no-repeat;
}

table.item_list thead tr th.last { border-right:1px solid #CCCCCC; }

table.item_list thead.fields
{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

table.item_list thead th
{
	background:transparent url('images/thead.gif') repeat-x scroll top left;
	line-height:26px;
	border-right:1px solid #CCCCCC;
	padding:0px 4px;
	font-weight:normal;
	font-size:7pt;
}

table.item_list th
{
	text-align:center;
	padding-bottom:6px;
	padding-top:6px;
}

table.item_list th.left
{ text-align:left; }
table.item_list th.right
{ text-align:right; }

table.datatable td,
table.item_list td
{
	padding-bottom:4px;
	font-size:11px;
}

table.item_list tr.new_item { margin-bottom:10px; }

table.item_list tr.new_item td
{
	padding-bottom:10px;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
}

table.datatable tr.items td,
table.item_list tr.items td
{
	padding-top:2px;
	padding-bottom:4px;
	border-bottom:1px dotted #DDDDDD;
	padding-left:4px;
	padding-right:4px;
	vertical-align:middle;
}

table.item_list.valign_top tr.items td { vertical-align:top; }

table.item_list tr.items td img,
table.item_list tr.items td img.command,
table.item_list tr.items td img.icon.command { cursor:pointer; /*position:relative; top:3px;*/ }

table.item_list tr.items td > img.icon { cursor:default; }

div.editor_form form table.item_list { float:left; }

tr.items td select,
tr.new_item td select,
tr.items td input,
tr.new_item td input,
tr.new_item td textarea.txt { font-size:11px; }

div.editor
{
	float:left;
	width:100%;
}

div.menu_left
{
	float:left;
	width:auto;
	border-right: 1px dotted #DDDDDD;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	min-width:240px;
}

div.editor_form
{
	float:left;
	color:#404040;
	padding:0px;
	margin:0px;
	padding-left:6px;
	width:800px;
}

#center
{
	width:100%;
	float:left;
}

#content
{
	min-height:200px;
	float:left;
}

div#footer
{
	background:transparent url(images/footer.gif) no-repeat scroll center top;
	font-size:12px;
}

div#footer div.footer { padding-top:35px; }

div.col_left
{
	background:#FFFFFF url(images/con_bg.jpg) repeat-x scroll left top;
	padding-top:1px;
}

div.col_right
{
	background:#FFFFFF url(images/con_bg.jpg) repeat-x scroll left top;
	padding-top:1px;
}

#header table
{
	width:100%;
	table-layout:fixed;
}

form { margin:0px; }

table,
td { font-size:inherit; }

td.board_active { background-color:#80B26C; }

fieldset { border:0px; }

fieldset dl dt
{
	float:left;
	white-space:normal;
}

fieldset dl dd { }

/* CONTENT BORDER TYPE STYLES */
div.style_editor { padding:10px; }

div.style_editor ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

div.style_editor ul li { padding-top:4px; }

div.style_editor ul li input,
div.style_editor ul li textarea { width:80%; }

div.style_editor ul li textarea { background-color:#CCCCCC; }

div.com_header h2
{
	display-style:block;
	margin:0px;
	font-size:inherit;
}

img.activate { cursor:pointer; }

div.html_editor
{
	margin:0px;
	padding:0px;
}

input.inp_txt
{
	font-size:9px;
	height:20px;
	width:100px;
}

.fltrow
{ /* filter grid row appearance */
	height:20px;
	background-color:#f4f4f4;
}

.btnflt
{ /* button appearance */
	font-size:11px;
	margin:0 2px 0 2px;
	padding:0 1px 0 1px;
	text-decoration:none;
	color: #fff;
	background-color:#666;
}

.flt
{ /* filter (input) appearance */
	background-color:#f4f4f4;
	border:1px inset #ccc;
	margin:0;
	width:100%;
}

.flt_s
{ /* small filter (input) appearance */
	background-color:#f4f4f4;
	border:1px inset #ccc;
	margin:0;
	width:80%;
}

.inf
{ /* div containing left, middle and right divs */
	clear:both;
	width:auto;
	height:20px;
	background:#f4f4f4;
	font-size:11px;
	margin:0;
	padding:1px 3px 1px 3px;
	border:1px solid #ccc;
}

.ldiv
{ /* left div */
	float:left;
	width:30%;
	position:inherit;
}

.mdiv
{ /* middle div */
	float:left;
	width:30%;
	position:inherit;
	text-align:center;
}

.rdiv
{ /* right div */
	float:right;
	width:30%;
	position:inherit;
	text-align:right;
}

.loader
{ /* loader appearance */
	position:absolute;
	padding: 15px 0 15px 0;
	margin-top:7%;
	width:200px;
	left:40%;
	z-index:1000;
	font-size:14px;
	font-weight:bold;
	border:1px solid #666;
	background:#f4f4f4;
	text-align:center;
	vertical-align:middle;
}

div.mdiv select { height:20px; }/*paging drop-down list*/

div.inf a { color:#CC0000; }/*link appearence in .inf div*/

div.inf a:hover { text-decoration:none; }/*link appearence in .inf div*/

.tot { font-weight:bold; }/*rows counter*/

.even { background-color:#fff; }/*row bg alternating color*/

.odd { background-color:#f4f4f4; }/*row bg alternating color*/

/* FORM END*/
.buttons
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #404040;
	font-weight:bold;
	height:20px;
}

a.button_link
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration:none;
	color: #404040;
	font-weight:bold;
}

a.button_link:hover
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration:none;
	color: #808080;
}

a.button_link:visited
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration:none;
}

.admin_cell
{
	height:30px;
	border-bottom: 1px dotted #FFFFFF;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: 999999;
}

.admin_cell_stat
{
	height:30px;
	border-bottom: 1px dotted #FFFFFF;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-family: Verdana;
	font-size: 8px;
	font-weight: normal;
	color: 999999;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }